﻿<div class="wrapper" data-ng-class="{isLogin:isLogin}">
    <!-- Main Header -->
    <header class="main-header">
        <!-- Logo -->
        <a href="index2.html" class="logo"><b>eSupervision</b> v0.0.1</a>
        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- User Account Menu -->
                    <li class="dropdown user user-menu">
                        <!-- Menu Toggle Button -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <!-- The user image in the navbar-->
                            <img src="/Content/imgs/avatar.png" class="user-image" alt="User Image" />
                            <!-- hidden-xs hides the username on small devices so only the image appears. -->
                            <span class="hidden-xs">{{userName}}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">
                                <img src="/Content/imgs/avatar.png" class="img-circle" alt="User Image" />
                                <p>
                                    {{userName}}
                                    @*<small>Member since Nov. 2012</small>*@
                                </p>
                            </li>
                            <!-- Menu Body -->
                            @*<li class="user-body">
                                <div class="col-xs-4 text-center">
                                    <a href="#">Followers</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">Sales</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">Friends</a>
                                </div>
                            </li>*@
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="#" class="btn btn-default btn-flat">Profile</a>
                                </div>
                                <div class="pull-right">
                                    <a data-ng-click="logout();"
                                        class="btn btn-default btn-flat">Sign out</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

            <!-- Sidebar user panel (optional) -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="/Content/imgs/avatar.png" class="img-circle" alt="User Image" />
                </div>
                <div class="pull-left info">
                    <p>{{userName}}</p>
                    <!-- Status -->
                    @*<a href="#"><i class="fa fa-circle text-success"></i> Online</a>*@
                </div>
            </div>

            <!-- search form (Optional) -->
            @*<form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Search..." />
                    <span class="input-group-btn">
                        <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                    </span>
                </div>
            </form>*@
            <!-- /.search form -->
            <!-- Sidebar Menu -->
            <ul class="sidebar-menu">
                <li class="header">Menu</li>
                <!-- Optionally, you can add icons to the links -->
                <li ng-show="userType == 1"><a href="/student/dashbroad"><span>Dashbroad</span></a></li>
                <li ng-show="userType == 2"><a href="/supervisor/dashbroad"><span>Dashbroad</span></a></li>
                <li ng-show="userType == 3"><a href="/second-marker/dashbroad"><span>Dashbroad</span></a></li>
                <li ng-show="userType == 4"><a href="/staff/dashbroad"><span>Dashbroad</span></a></li>

                <li ng-show="userType == 1"><a href="/student/message"><span>Message</span></a></li>
                <li ng-show="userType == 2"><a href="/supervisor/message"><span>Message</span></a></li>
                <li ng-show="userType == 3"><a href="/second-marker/message"><span>Message</span></a></li>
                <li ng-show="userType == 4"><a href="/staff/message"><span>Message</span></a></li>
            
                <li ng-show="userType == 1"><a href="/student/file"><span>File</span></a></li>
                <li ng-show="userType == 2"><a href="/supervisor/file"><span>File</span></a></li>
                <li ng-show="userType == 3"><a href="/second-marker/file"><span>File</span></a></li>
                <li ng-show="userType == 4"><a href="/student/file"><span>File</span></a></li>
            
                <li ng-show="userType == 1"><a href="/student/meeting"><span>Metting</span></a></li>
                <li ng-show="userType == 2"><a href="/supervisor/meeting"><span>Metting</span></a></li>
                <li ng-show="userType == 3"><a href="/second-marker/meeting"><span>Metting</span></a></li>
                <li ng-show="userType == 4"><a href="/staff/meeting"><span>Metting</span></a></li>
            
                <li ng-show="userType == 1"><a href="/student/project"><span>Project</span></a></li>
                <li ng-show="userType == 2"><a href="/supervisor/project"><span>Project</span></a></li>
                <li ng-show="userType == 3"><a href="/second-marker/project"><span>Project</span></a></li>
                <li ng-show="userType == 4"><a href="/staff/project"><span>Project</span></a></li>
            </ul><!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                {{pageName}}
                @*<small>Optional description</small>*@
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
                <li class="active">Here</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content" ng-view>
            loading, please wait...
            <!-- Your Page Content Here -->
        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->
    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">
            Anything you want
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2015 <a href="#">Company</a>.</strong> All rights reserved.
    </footer>
</div><!-- ./wrapper -->